@charset "utf-8";
/**
 * @Desc  : 商旅自助平台着陆页 
 * @Build : 2015/08/31 
 * @Author: lll 
 * @Update: 2016/02/15 by lll 
 */
body{font:normal 12px/1.5 "PingFang SC", "Microsoft Yahei", Tahoma, Arial, "Hiragino Sans GB", Simsun, STXihei, Sans-serif}
h1,h2,h3,h4,dl,dt,dd,ul,ol,li,p,menu,nav{margin:0;padding:0}
h1,h2,h3,h4{font-size:100%;font-weight:normal}
ul,ol,li{list-style:none}
/* layout */
.wrapper { min-width: 980px; max-width: 1180px; margin: 0 auto; }
/* protrait shadow */
.portrait { margin-top:20px; width: 100%; min-width: 980px; height: 475px; background: url(../img/bg_1.jpg) center no-repeat; }
.role-list { width: 976px; height: 100%; *zoom: 1; }
.role-list:after { clear: both; display: table; height: 0; content: ""; }
.role-list > li { position: relative; float: left; height: 100%; }
.role-list > li.cur .role-dialog { display: block; }
.role-list > li strong { position: absolute; bottom: 120px; left: 50%; margin-left: -20px; color: #fff; font-size: 24px; font-weight: normal;}
.role-list .role-1 { width: 188px; background: 0 100% url(../img/role_1.png) no-repeat; }
.role-list .role-2 { width: 233px; background: 0 100% url(../img/role_2.png) no-repeat; }
.role-list .role-3 { width: 194px; background: 0 100% url(../img/role_3.png) no-repeat; }
.role-list .role-4 { width: 164px; background: 0 100% url(../img/role_4.png) no-repeat; }
.role-list .role-5 { width: 196px; background: 0 100% url(../img/role_5.png) no-repeat; }
.role-list .role-1.cur { background-image: url(../img/role_1_hover.png); }
.role-list .role-2.cur { background-image: url(../img/role_2_hover.png); }
.role-list .role-3.cur { background-image: url(../img/role_3_hover.png); }
.role-list .role-4.cur { background-image: url(../img/role_4_hover.png); }
.role-list .role-5.cur { background-image: url(../img/role_5_hover.png); }
.role-list .role-1 .role-dialog { left: 100px; }
.role-list .role-2 .role-dialog { left: 80px; width: 500px; }
.role-list .role-3 .role-dialog { left: -120px; }
.role-list .role-4 .role-dialog { left: -310px; }
.role-list .role-5 .role-dialog { left: -300px; }
.role-list .role-1 strong { margin-left: -42px; }
.role-list .role-2 strong { margin-left: -5px; }
.role-list .role-4 strong { margin-left: -20px; }
.role-list .role-5 strong { margin-left: -45px; }
.role-dialog { display: none; position: absolute; top: 10px; width: 400px; padding: 15px 10px; font-size: 20px; color: #fff; background-color: #007bef; border-radius: 10px; }
.role-dialog .tri { position: absolute; bottom: -20px; display: inline-block; width: 30px; height: 20px; background-image: url(../img/un_tri.png); background-repeat: no-repeat; }
.role-dialog .tri-left { left: 60px; background-position: 0 -10px; }
.role-dialog .tri-down { left: 200px; background-position: 0 -40px; }
.role-dialog .tri-right { right: 60px; background-position: 0 -65px; }

.contentnews{border:1px solid #e9e9e9;padding:15px 0; height:56px; margin-top:20px; margin-bottom:20px}
.newsTitle{width:10%;font-size:28px;color:#0093d0;text-align:center;border-right:#b2def1 1px solid;position:relative;z-index:2;line-height:56px;float:left}
.newsCon{width:80%;margin-left:-1px;float:left; height:56px;overflow:hidden;}
.newsCon h4 a{padding:0 24px;font-size:20px;color:#0093d0;font-weight:100;line-height:32px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block}
.newsCon .newsDetail a{color:#999;padding:0 24px;line-height:24px}
.newsMore{width:10%;position:relative;z-index:1;margin-left:-1px;border-left:#b2def1 1px solid;line-height:56px;text-align:center; float:right}
.newsMore a{color:#0093d0;background:url("../img/common_a.png") -362px -694px no-repeat;padding:1px 0 1px 20px}

.float_l{ float:left; display:inline;}
.float_r{ float:right; display:inline;}

/*con2*/
.content_Middle{ width:1000px; margin:20px auto 0 auto; padding-top:5px; overflow:hidden; border-bottom:1px solid #3786c8;}
.huodong_zq{ width:481px; overflow:hidden;}
.huodong_zq .huodong_title{ width:481px; height:38px; border-top:1px solid #3786c8; background:url("../img/bot_img_line.jpg") bottom repeat-x;}
.huodong_zq .huodong_title .huodong_tt{ line-height:38px; color:#c1c1c1; font-weight:bold;}
.huodong_zq .huodong_title .huodong_tt span{ font-size:18px;}
.huodong_zq .huodong_title .huodong_tt a{ font-size:18px; color:#ff870e;}
.huodong_zq .huodong_title .more_gd{ width:70px; margin-top:9px;}
.huodong_zq .huodong_title .more_gd a{ color:#fff; font-size:12px; background:#ff870e; display:block; width:35px; height:20px; text-align:center; line-height:20px;}
.huodong_zq .liaojie{margin-top:10px; margin-left:10px;overflow:hidden;}
.huodong_zq .liaojie .liaojie_title { display:block; margin-top:10px;width:50%;float: left;font-size: 14px;}
.huodong_zq .liaojie .liaojie_title span{padding-left: 10px;}
.huodong_zq .huodong_img{margin-top:20px; margin-left:10px;}

.news_index .huodong_title{ width:481px; height:38px; border-top:1px solid #3786c8; background:url("../img/bot_img_line.jpg") bottom repeat-x;}
.news_index .huodong_title .huodong_tt{ line-height:38px; color:#c1c1c1; font-weight: bold;}
.news_index .huodong_title .huodong_tt span{ font-size:18px;}
.news_index .huodong_title .huodong_tt a{ font-size:18px; color:#ff870e;}
.news_index .huodong_title .more_gd{ width:70px; margin-top:9px;}
.news_index .huodong_title .more_gd a{ color:#fff; font-size:12px; background:#ff870e; display:block; width:35px; height:20px; text-align:center; line-height:20px;}
.news_index .shizhong, .news_z{ margin-left:10px; margin-top:4px;}
.news_index .shizhong{ margin-top:5px;}
.news_z{width:453px; overflow:hidden;}
.news_z li{ margin-top:21px; margin-bottom:21px; list-style:url("../img/li_icon.jpg"); margin-left:14px; _margin-left:16px; *+margin-left:16px;}
.news_z li a{ font-size:12px;}
.news_z li span{ font-size:12px;}